import {
    svg, svgRect, svgPattern, svgGrid, svgPolar, svgRay,
    svgPolygon, svgPolygonColor, svgPolygonLink, svgFerrisWheel,
    svgComplex,
    svgEdgeMirror, svgVertexMirror, svgEdgeFractal, svgVertexFractal,
    svgFractalFull, svgEdgeMirrorLink, svgFractalGroup, svgFractalRadio, svgEdgeMid,
    svgYangehui, svgCurve, svgWave, svgSawtooth, svgSemicircle, svgElliptical,
    svgEllipticalLink,svgSin,svgTransform,
    svgStar5,svgStar12,svgStar6,svgStar8
} from './svg/index.js'
import {
    form
} from './form.js'
import {
    grid
} from './grid.js'
import {
    html
} from './html.js'
import {
    canvas
} from './canvas.js'
import {
    list,
    renderlistItem
} from './list.js'
import { btns } from './btns.js'


let menu = [
    {
        title: 'html',
        name: 'html',
        children: [{
            title: 'form',
            name: 'first',
            content: form,
            contentType: 'Form'
        }, {
            title: 'table',
            name: 'second',
            content: grid,
            contentType: 'Grid'

        }, {
            title: 'list',
            name: 'list',
            content: list,
            contentType: "List",
            render: renderlistItem

        },
        {
            title: 'html',
            name: 'html',
            content: html,
            contentType: 'html'
        }, {
            title: 'text',
            name: 'text',
            content: html
        },
        {
            title: 'btns',
            name: 'btns',
            content: btns,
            contentType: 'btns'
        }]
    },
    {
        title: 'svg',
        name: 'svg',
        // content: svg,
        // contentType: 'svg',
        children: [
            {
                title: 'circle',
                name: 'circle',
                content: svg,
                contentType: 'svg',
            },

            {
                title: 'rect',
                name: 'rect',
                content: svgRect,
                contentType: 'svg'
            }, {
                title: 'pattern',
                name: 'pattern',
                content: svgPattern,
                contentType: 'svg'
            }, {
                title: 'grid',
                name: 'grid',
                content: svgGrid,
                contentType: 'svg'
            }, {
                title: 'polar',
                name: 'polar',
                content: svgPolar,
                contentType: 'svg'
            }, {
                title: 'ray',
                name: 'ray',
                content: svgRay,
                contentType: 'svg'
            }, {
                title: 'polygon',
                name: 'polygon',
                content: svgPolygon,
                contentType: 'svg'
            }, {
                title: 'polygonColor',
                name: 'polygonColor',
                content: svgPolygonColor,
                contentType: 'svg'
            }, {
                title: 'polygonLink',
                name: 'polygonLink',
                content: svgPolygonLink,
                contentType: 'svg'
            }, {
                title: 'ferrisWheel',
                name: 'ferrisWheel',
                content: svgFerrisWheel,
                contentType: 'svg'
            }, {
                title: 'complex',
                name: 'complex',
                content: svgComplex,
                contentType: 'svg'
            },
            {
                title: 'edgemirror',
                name: 'edgemirror',
                content: svgEdgeMirror,
                contentType: 'svg'
            },
            {
                title: 'vertexmirror',
                name: 'vertexmirror',
                content: svgVertexMirror,
                contentType: 'svg'
            },
            {
                title: 'edgeFractal',
                name: 'edgeFractal',
                content: svgEdgeFractal,
                contentType: 'svg'
            },
            {
                title: 'vertexFractal',
                name: 'vertexFractal',
                content: svgVertexFractal,
                contentType: 'svg'
            },

            {
                title: 'edgeMirrorLink',
                name: 'edgeMirrorLink',
                content: svgEdgeMirrorLink,
                contentType: 'svg'
            },
            {
                title: 'fractalGroup',
                name: 'fractalGroup',
                content: svgFractalGroup,
                contentType: 'svg'
            },
            {
                title: 'fractalFull',
                name: 'fractalFull',
                content: svgFractalFull,
                contentType: 'svg'
            },
            {
                title: 'fractalRadio',
                name: 'fractalRadio',
                content: svgFractalRadio,
                contentType: 'svg'
            },
            {
                title: 'edgeMid',
                name: 'edgeMid',
                content: svgEdgeMid,
                contentType: 'svg'
            },
            {
                title: 'yanghui',
                name: 'yanghui',
                content: svgYangehui,
                contentType: 'svg'
            },

            {
                title: 'curve',
                name: 'curve',
                content: svgCurve,
                contentType: 'svg'
            },
            {
                title: 'wave',
                name: 'wave',
                content: svgWave,
                contentType: 'svg'
            },
            {
                title: 'sawtooth',
                name: 'sawtooth',
                content: svgSawtooth,
                contentType: 'svg'
            },
            {
                title: 'semicircle',
                name: 'semicircle',
                content: svgSemicircle,
                contentType: 'svg'
            },
            {
                title: 'elliptical',
                name: 'elliptical',
                content: svgElliptical,
                contentType: 'svg'
            },
            {
                title: 'ellipticalLink',
                name: 'ellipticalLink',
                content: svgEllipticalLink,
                contentType: 'svg'
            },
            {
                title: 'sin',
                name: 'sin',
                content: svgSin,
                contentType: 'svg'
            },
            {
                title: 'transform',
                name: 'transform',
                content: svgTransform,
                contentType: 'svg'
            },
            {
                title: 'Star5',
                name: 'Star5',
                content: svgStar5,
                contentType: 'svg'
            },
            {
                title: 'Star6',
                name: 'Star6',
                content: svgStar6,
                contentType: 'svg'
            },
            {
                title: 'Star8',
                name: 'Star8',
                content: svgStar8,
                contentType: 'svg'
            },
            {
                title: 'Star12',
                name: 'Star12',
                content: svgStar12,
                contentType: 'svg'
            },

        ]
    }, {
        title: 'canvas',
        name: 'canvas',
        content: canvas,
        contentType: 'canvas'
    }

]

export default {
    menu,
    activeName: 'first',
    target: '#app'
}